{% extends "website/staff/staff_base.html" %}
{% block staff_content %}
<section class="section">
  <div class="card">
    <div class="card-title">
      <div class="icon">🧑‍⚕️</div>
      <div>
        <h1 class="h1" style="margin:0">Care Request #{{ care.id }}</h1>
        <div class="small">{{ care.full_name }} · {{ care.phone }} · {{ care.email }}</div>
      </div>
      <div style="margin-left:auto">
        <a class="btn" href="{% url 'website:staff_care_request_list' %}">← Back</a>
      </div>
    </div>

    <div class="sep"></div>

    <div class="grid grid-2">
      <div class="card" style="padding:14px">
        <div class="small" style="font-weight:900">Request</div>
        <div class="small" style="margin-top:8px;white-space:pre-wrap">{{ care.details|default:care.message }}</div>
      </div>
      <div class="card" style="padding:14px">
        <form method="post">
          {% csrf_token %}
          <label class="label">Status</label>{{ form.status }}
          <div style="margin-top:10px">
            <label class="label">Internal notes</label>{{ form.notes }}
          </div>
          <div style="margin-top:12px">
            <button class="btn" type="submit">Save</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>
{% endblock %}